<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">
    <style type="text/css">       
        .companyHeaderGrid td {
            border-style: hidden !important;
        }
        .companyHeaderGrid tr, .companyHeaderGrid td {
            border: none;
        }
    </style> 

    <body>
        <ui:composition template="../plantilla/Plantilla_ventas.xhtml">
            <ui:define name="top">
                <ui:include src="../plantilla/top.xhtml" />
            </ui:define>    
            <!--ui:define name="left">
                <ui:include src="../plantilla/left.xhtml" />
            </ui:define-->
            <ui:define name="content">                

                <table id="datos" width="700" border="0" align="center" cellspacing="0" cellpadding="0">
                    <tr>                                                             
                        <td colspan="2">
                            <table  border="0" cellspacing="0" cellpadding="0" align="center">
                                <tr>
                                    <td><div><span>                                        

                                                <br/>
                                                <br/>
                                                <br/>


                                                <br/><br/>
                                                <p:panelGrid id="planilla" columns="2" style="width:700px" styleClass="companyHeaderGrid">
                                                    <f:facet name="header">  
                                                        <p:row>
                                                            <p:column colspan="2">
                                                                <h:outputLabel for="informe" value="ASAESCLA DE R.L." />
                                                            </p:column>
                                                        </p:row><br/>
                                                        <br/> <p:row>
                                                            <p:column colspan="2">
                                                                <h:outputLabel for="informe" value="Barrio San Antonio # 153 Santa Clara, San Vicente" />
                                                            </p:column>
                                                        </p:row>
                                                    </f:facet>                                                                                                       
                                                    <h:graphicImage url="../resources/images/logo_asaescla.jpg" />                                                    
                                                    <h:outputLabel for="registro" value="PLANILLA DE PAGO PERTENECIENTE AL MES DE MAYO DE  2012" />                                                                                                              
                                                    <f:facet name="footer">                                                              
                                                        <br/><br/>

                                                        <p:dataTable var="cars" value="" style="width:1024px">
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="No" />
                                                                </f:facet>
                                                                <h:outputText value="01" /><br/>
                                                                <h:outputText value="02" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Nombre" />
                                                                </f:facet>
                                                                <h:outputText value="Carlos Rodriguez" /><br/>
                                                                <h:outputText value="Alicia Carcamo" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Cargo" />
                                                                </f:facet>
                                                                <h:outputText value="Administrador" /><br/>
                                                                <h:outputText value="tesorero" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Sueldo" /><br/>
                                                                    <h:outputText value="Base" />
                                                                </f:facet>
                                                                <h:outputText value="700" /><br/>
                                                                <h:outputText value="600" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="ISSS" />
                                                                </f:facet>
                                                                <h:outputText value="70" /><br/>
                                                                <h:outputText value="40" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="ISSS" /><br/>
                                                                    <h:outputText value="Patrono" />
                                                                </f:facet>
                                                                <h:outputText value="" /><br/>
                                                                <h:outputText value="" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="AFP" />
                                                                </f:facet>
                                                                <h:outputText value="30" /><br/>
                                                                <h:outputText value="10" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="AFP" />
                                                                    <br/>
                                                                    <h:outputText value="Patrono" />
                                                                </f:facet>
                                                                <h:outputText value="" /><br/>
                                                                <h:outputText value="" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Otros" /><br/>
                                                                    <h:outputText value="descuentos" />
                                                                </f:facet>
                                                                <h:outputText value="15" /><br/>
                                                                <h:outputText value="" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Sueldo" /><br/>
                                                                    <h:outputText value="líquido" />
                                                                </f:facet>
                                                                <h:outputText value="680" /><br/>
                                                                <h:outputText value="370" />
                                                            </p:column>

                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Cheque Nº" />
                                                                </f:facet>
                                                                <h:outputText value="68098" /><br/>
                                                                <h:outputText value="37099" />
                                                            </p:column>
                                                            <p:column>
                                                                <f:facet name="header">
                                                                    <h:outputText value="Firma" />
                                                                </f:facet>
                                                                <h:outputText value="" /><br/>
                                                                <h:outputText value="" />
                                                            </p:column>
                                                        </p:dataTable>                                                                                                  
                                                    </f:facet> 

                                                </p:panelGrid>  
                                                <br/>
                                                <div align="center">
                                                <p:panelGrid columns="6">
                                                    
                                                        <h:outputLabel for="mes" value="Mes:" />  
                                                        <p:selectOneMenu>  
                                                            <f:selectItem itemLabel="--Seleccione--" itemValue="" />  
                                                            <f:selectItem itemLabel="Enero" itemValue="1" />  
                                                            <f:selectItem itemLabel="Febrero" itemValue="2" />  
                                                            <f:selectItem itemLabel="Marzo" itemValue="3" />  
                                                            <f:selectItem itemLabel="Abril" itemValue="4" />  
                                                            <f:selectItem itemLabel="Mayo" itemValue="5" />  
                                                            <f:selectItem itemLabel="Junio" itemValue="6" />  
                                                            <f:selectItem itemLabel="Julio" itemValue="7" />  
                                                            <f:selectItem itemLabel="Agosto" itemValue="8" />  
                                                            <f:selectItem itemLabel="Septiembre" itemValue="9" />  
                                                            <f:selectItem itemLabel="Octubre" itemValue="10" />  
                                                            <f:selectItem itemLabel="Noviembre" itemValue="11" />  
                                                            <f:selectItem itemLabel="Diciembre" itemValue="12" />  
                                                        </p:selectOneMenu>
                                                        <h:outputLabel for="anio" value="Año:" />
                                                        <p:spinner id="minmax" min="2013" max="2018" size="3" value="2013"/>  
                                                        <p:commandButton type="button" value="Busqueda" icon="ui-icon-search" style="margin:0"/>                                                                           
                                                        <p:commandButton id="btn_imprimir" type="button" value="Imprimir" icon="ui-icon-print" style="margin:0">                                                                                                                                                                                                                                   
                                                            <p:printer target="planilla" />  
                                                        </p:commandButton>  
                                                    
                                                </p:panelGrid>
                                                    </div>



                                            </span></div></td>                                    
                                </tr>
                            </table>
                        </td>
                    </tr>                    
                </table>                             


            </ui:define>
            <ui:define name="bottom">
                <ui:include src="../plantilla/bottom.xhtml" />                
            </ui:define>

        </ui:composition>

    </body>

</html>
